<template>
    <div style="background-color: white" >
        <div class="hello">首页</div>
            <IndexContent sonList = 'postList'></IndexContent>
        <IndexFooter></IndexFooter>
    </div>
</template>

<script>
    import IndexContent from '../components/IndexContent'
    import IndexFooter from '../components/IndexFooter'
    export default {
        name: "Index",
        components:{
            IndexContent,
            IndexFooter
        },
        data() {
            return {
                // count: 0,
                isLoading: false,
            };
        },
        methods: {
        },

    }
</script>

<style scoped>
   /deep/.hello {
       height: 60px;
       line-height: 60px;
       font-size: 25px;
       font-weight:bolder;
       letter-spacing:1px;
       text-align: center;
       color: white;
       /*background-image: -webkit-gradient(linear,left top,right top,color-stop(0,skyblue),color-stop(1,hotpink));*/
       /*-webkit-background-clip: text;*/
       background-color: #39a9ed;
   }
</style>